<template>
  <div class="layout-page">
    <!-- 首页架子 - 内容区域 -->
    <van-nav-bar title="标题" left-text="返回" left-arrow>
      <template #right>
        <van-icon name="search" size="18" />
      </template>
    </van-nav-bar>
    <router-view></router-view>
    <!-- 底部tabbar - 区域 -->
    <van-tabbar route>
      <van-tabbar-item replace to="/article" icon="notes-o"
        >面经首页</van-tabbar-item
      >
      <van-tabbar-item replace to="/like" icon="like-o">喜欢</van-tabbar-item>
      <van-tabbar-item replace to="/collect" icon="star-o"
        >收藏</van-tabbar-item
      >
      <van-tabbar-item replace to="/user" icon="user-circle-o"
        >我的</van-tabbar-item
      >
    </van-tabbar>
  </div>
</template>

<script>
export default {
  name: 'layout-page'
}
</script>

<style lang="less" scoped></style>
